*{padding: 0; margin: 0;}
 html, body { position: relative;height: 100%;}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;}
.ani,.txt{position:absolute;}
.page-1{background: url(../img/01/01.jpg) no-repeat; background-size: cover;background-position: 50% 50%;background-origin: content-box;}
.page-2{background: url(../img/02/01.jpg) no-repeat; background-size: cover;background-position: 50% 50%;background-origin: content-box;}
.page-3{background: url(../img/03/01.jpg) no-repeat; background-size: cover;background-position: 50% 50%;background-origin: content-box;}
.page-4{background: url(../img/04/01.jpg) no-repeat; background-size: cover;background-position: 50% 50%;background-origin: content-box;}
.page-5{background: url(../img/05/01.jpg) no-repeat; background-size: cover;background-position: 50% 50%;background-origin: content-box;}
.page-6{background: url(../img/06/01.jpg) no-repeat; background-size: cover;background-position: 50% 50%;background-origin: content-box;}
.login{position: absolute; top: 35%; width: 100%;}
.login .title img{width: 200px;}
.login table{margin: 0 auto;margin-top: 20px; }
.login table td{padding: 5px; }
.login table td img{height: 80%;}
.login table td input{height: 80%; height: 100%; border: 0; background: none; outline:none; color: #fff; font-size: 18px;}
.login table td div{background: #ba0035; height: 100%; padding: 10px; height: 28px;}
.submit{display: block; color: #fff; background: #ba0035; border-radius: 3px; text-align: center; padding: 10px 0; font-size: 20px; font-weight: bold;}

.swiper-slide img{left: 0; top: 0; max-width: 100%;}
@media only screen and (min-width: 640px) {
	.swiper-slide img{left: 50%;  margin-left: -320px;}
	.swiper-slide .login img{margin-left: 0;}
}
@-webkit-keyframes tipmove{0%{bottom:10px;opacity:0}50%{bottom:15px;opacity:1}100%{bottom:20px;opacity:0}}
#array {position: absolute;z-index: 999;-webkit-animation: tipmove 1.5s infinite ease-in-out; bottom: 10px; left: 50%; margin-left: -12px; width: 24px;}

#audio_btn {position: absolute;right: 20px;top: 20px;z-index: 200;width: 30px; height: 30px;}
.off {background-image: url(../img/normalmusic.svg);background-size: contain; background-repeat: no-repeat;}

.rotate {
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}
@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}